<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title><?php echo $ProductOne['p_name']?></title>
    <meta name="keywords" content="<?php echo $ProductOne['p_kwd']?>">
    <meta name="description" content="<?php echo $ProductOne['p_des']?>">
    <meta name="renderer" content="webkit">
    <meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="<?php echo $helper->to('css/bootstrap.min.css',false)?>">
    <link rel="stylesheet" href="<?php echo $helper->to('css/09.css',false)?>">
    <script src="<?php echo $helper->to('js/jquery-1.9.1.min.js',false)?>"></script>
    <script src="<?php echo $helper->to('js/bootstrap.min.js',false)?>"></script>
    <script src="<?php echo $helper->to('js/magnifier.js',false)?>"></script>
    <script src="<?php echo $helper->to('js/bxCarousel.js',false)?>"></script>
    <script src="<?php echo $helper->to('js/tel_09.js',false)?>"></script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-58c4eabb859efec7"></script>
</head>
<body>
    <!--nav-->
    <?php require('header.php')?>
    <!--pd-->
    <div class="container sc_pdd">
        <div class="sc_title text-center">
            <h1 class="text-capitalize"><?php echo $ProductOne['p_name']?></h1>
            <div class="title_line"></div>
        </div>
        <div class="row">
            <div class="col-md-6 ">
                <div id="magnifier">
                    <div class="small-box">
                        <img src="<?php echo $helper->to($p_img)?>" alt="">
                        <span class="hover" id="hover_img"></span>
                    </div>
                    <div class="thumbnail-box">
                        <a href="javascript:;" class="btn btn-prev"></a>
                        <a href="javascript:;" class="btn btn-next"></a>
                        <div class="list">
                            <ul class="wrapper">
                                <?php echo $images?>
                            </ul>
                        </div>
                    </div>
                    <div class="big-box" id="big-box">
                        <img src="<?php echo $helper->to($p_img)?>" alt="">
                    </div>
                </div>

            </div>
            <div class="col-md-6 sc_pddr">
                <div class="sc_pd_title"><?php echo $ProductOne['p_des']?></div>
                <ul class="pd_ul">
                    <?php echo $attr?>
                </ul>
                <div class="pd_inquiry">
                    <a href="javascript:"><?php echo ucwords($GetAll['translates']['inquiry'])?></a>
                </div>
                <div class="pd_share">
                    <div class="addthis_inline_share_toolbox" ></div>
                </div>
            </div>
        </div>
    </div>
    <!--pd tab-->
    <div class="container mar-bot">
        <div class="sc_pd_two">
            <ul>
                <li class="pd_active"><?php echo $GetAll['translates']['product-description']?></li>
                <li id="inquery"><?php echo ucwords($GetAll['translates']['inquiry'])?></li>
            </ul>
            <div class="sc_pd_con">
                <div class="pd_con_0">
                    <?php echo $ProductOne['p_details']?>
                </div>
                <div class="pd_con_1">
                    <div class="pdd_t_title">
                        <?php echo $GetAll['translates']['If-you-have-any-question-about-the-products']?>
                    </div>

                    <form action="" method="post" class="form-horizontal sc_contact_form">
                        <div class="form-group">
                            <label for="c_fname" class="col-sm-2 control-label"><?php echo ucwords($GetAll['translates']['first-name'])?>:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="First Name" name="c_fname" id="c_fname">
                                <p><?php echo $GetAll['translates']['Please-fill-in-this-field']?>!</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="c_lname" class="col-sm-2 control-label"><?php echo ucwords($GetAll['translates']['last-name'])?>:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="Last Name" name="c_lname" id="c_lname">
                                <p><?php echo $GetAll['translates']['Please-fill-in-this-field']?>!</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="c_email" class="col-sm-2 control-label"><?php echo ucwords($GetAll['translates']['e-mail'])?>:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="E-mail" name="c_email" id="c_email">
                                <p><?php echo $GetAll['translates']['Please-fill-in-this-field']?>!</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="c_phone" class="col-sm-2 control-label"><?php echo ucwords($GetAll['translates']['telephone'])?>:</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="E-mail" name="c_phone" id="c_phone">
                                <p><?php echo $GetAll['translates']['Please-fill-in-this-field']?>!</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="c_mes" class="col-sm-2 control-label"><?php echo ucwords($GetAll['translates']['message'])?>:</label>
                            <div class="col-sm-10">
                                <textarea name="c_mes" id="c_mes" class="form-control" placeholder="Message"></textarea>
                                <p><?php echo $GetAll['translates']['Please-fill-in-this-field']?>!</p>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button type="submit" class="btn btn-danger text-uppercase"><?php echo ucwords($GetAll['translates']['submit'])?></button>
                            </div>
                        </div>
                    </form>


                </div>
            </div>
        </div>
        <!--relater product-->
        <div class="sc_relater">
            <div class="relater_title"><?php echo ucwords($GetAll['translates']['related-products'])?></div>
            <div class="relater_show">
                <div class="relater_phone sc_p_list">
                    <?php echo $relatedHtml?>
                    <div class="cb"></div>
                </div>
                <div class="relater_pc">
                    <div class="bx_wrap">
                        <a href="" class="prev"><?php echo $GetAll['translates']['left']?></a>
                        <a href="" class="next"><?php echo $GetAll['translates']['right']?></a>
                        <div class="bx_container">
                            <div class="row sc_p_list">
                                <ul id="example1">
                                    <?php echo $relatedHtml?>
                                    <div class="cb"></div>
                                </ul>
                            </div>


                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

    <!--footer-->
    <?php require('footer.php')?>

    <script>
        $(function(){
            $('#magnifier').magnifier();
        })
    </script>

</body>
</html>